@charset "UTF-8";
@media screen and (min-width: 977px) {
    a:hover{
        text-decoration: none;
    }
    .wrap {
        width: 100%;
        margin-bottom:-10px;
        background: #D7D7D7;
    }
    .banner{
        display: none;
    }

    .lbyys{
        width:100%;
    }

    .sjf-lbt {
        width: 100%;
        height: 600px;
        position: relative;
        overflow: hidden;
    }

    #lb {
        position: relative;
        left: 0px;
        top: 0px;
        overflow: hidden;
    }

    #lb li {
        float: left;
        height: 600px;
    }

    #lb img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .sjf-btn {
        position: absolute;
        top: 90%;
        left: 45%;
        width: 500px;
    }

    .sjf-btn li {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        cursor: pointer;
        float: left;
        margin-left: 30px;

    }

    .sjf-lbt span {
        position: absolute;
        top: 250px;
        width: 70px;
        height: 70px;
        font-size: 20px;
        color: black;
        text-align: center;
        line-height: 50px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        cursor: pointer;
        /*display: none;*/
    }

    #sjf-btnl {
        right: 5%;
    }

    #sjf-btnr {
        left: 5%;
    }
    #lb li:nth-child(1){
        background: url("../img/index-ban1.png") no-repeat center 80%;
        background-size: cover;
    }
    #lb li:nth-child(2){
        background: url("../img/index-ban2.png") no-repeat center 80%;
        background-size: cover;
    }
    #lb li:nth-child(3){
        background: url("../img/index-ban3.png") no-repeat center 80%;
        background-size: cover;
    }

    #lb li:nth-child(4){
        background: url("../img/index-ban1.png") no-repeat center 80%;
        background-size: cover;
    }
    .sjf-btn li{
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #F0F0F0;
    }
    .sjf-btn li:nth-child(1){
        /*background-image: url(l1.png);*/
    }
    .sjf-btn li:nth-child(2){
        /*background-image: url(l2.png);*/
    }
    .sjf-btn li:nth-child(3){
        /*background-image: url(l3.png);*/
    }
    #lb li{
        position: relative;
    }
    #lb li p{
        position: absolute;
    }

    .jzhong{
        width: 1000px;
        height: 600px;
        margin: 0 auto;
        position: relative;
    }
    .p1 {
        font-size: 42px;
       
        left: 10%;
        top: 15%;
        color: #1aaeb4;
    }
    .p2 {
        width: 80px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        font-size: 22px;
        left:33%;
        top: 17%;
        border-radius: 10px;
        background-color: #1AAEB4;
        color: #ffffff;
    }
    .p3 {
        font-size: 42px;
       
        left: 10%;
        top: 25%;;
        color: #1aaeb4;
    }
    .p4 {
        font-size: 30px;
       
        left: 10%;
        top: 40%;
        color: #1aaeb4;
    }
    .p5 {
        font-size: 24px;
        color: #000;
        left: 10%;
        top: 55%;
       
    }
    .p6 {
        font-size: 24px;
        color: #000;
        left: 10%;
        top: 60%;
    }
    .p2-1 {
        font-size: 42px;
       
        left: 10%;
        top: 15%;
        color: #1aaeb4;
    }
    .p2-p1 {
        font-size: 42px;
        left: 10%;
        top: 25%;
        color: #1aaeb4;
    }
    .p2-2 {
        font-size: 29px;
       
        left: 10%;
        top: 38%;
        color: #1aaeb4;
    }
    .p2-3 {
        font-size: 29px;
       
        left: 20%;
        top: 45%;
        color: #1aaeb4;
    }
    .p2-4 {
        font-size: 23px;
       
        left: 10%;
        top: 55%;
        color: #000;
    }
    .p2-5 {
        font-size: 23px;
       
        left: 10%;
        top: 60%;
        color: #000;
    }
    .p2-6 {
        font-size: 23px;
       
        left: 10%;
        top: 65%;
        color: #000;
    }




    .about {
        width: 100%;
        min-width: 960px;
    }
    .about-ul {
        width: 100%;
        display: flex;
       
    }
    .about-ul li {
        float: left;
        width: 33.33%;
        height: 22vh;
        min-height: 130px;
        flex: 1;

    }
    .about-ul li:nth-child(1) {
        background: url("../img/d1.png") no-repeat;
        background-size:cover ;
    }
    .about-ul li:nth-child(2) {
        background: url("../img/d2.png") no-repeat left center;
        background-size:cover ;

    }
    .about-ul li:nth-child(3) {
        background: url("../img/d3.png") no-repeat;
        background-size:cover ;

    }
    .about1-p1 {
        color: #000;
        font-size: 24px;
       
        padding-left: 13%;
        padding-top: 12%;
    }
    .about1-p2 {
        font-size: 20px;
        color: #000;
        padding-left: 28%;
        padding-top: 5%;
    }
    .about2-p1 {
        font-size: 24px;
        color: #000;
        padding-left: 55%;
        padding-top: 5%;
    }
    .about3-p1 {
        font-size: 24px;
        color: #000;
        padding-left: 68%;
        padding-top: 3%;
    }
}
@media screen and (min-width:785px)and (max-width: 976px){
    .wrap {
        width: 100%;
    }
    .banner{
        display: none;
    }
    .lbyys{
        width:100%;
    }

    .sjf-lbt {
        width: 100%;
        height: 600px;
        position: relative;
        overflow: hidden;
    }

    #lb {
        position: relative;
        left: 0px;
        top: 0px;
        overflow: hidden;
    }

    #lb li {
        float: left;
        height: 600px;
    }

    #lb img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .sjf-btn {
        position: absolute;
        top: 90%;
        left: 45%;
        width: 500px;
    }

    .sjf-btn li {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        cursor: pointer;
        float: left;
        margin-left: 30px;

    }

    .sjf-lbt span {
        position: absolute;
        top: 250px;
        width: 70px;
        height: 70px;
        font-size: 20px;
        color: black;
        text-align: center;
        line-height: 50px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        cursor: pointer;
        /*display: none;*/
    }

    #sjf-btnl {
        right: 5%;
    }

    #sjf-btnr {
        left: 5%;
    }
    #lb li:nth-child(1){
        background: url("../img/index-ban1.png") no-repeat center 80%;
        background-size: cover;
    }
    #lb li:nth-child(2){
        background: url("../img/index-ban2.png") no-repeat center 80%;
        background-size: cover;
    }
    #lb li:nth-child(3){
        background: url("../img/index-ban3.png") no-repeat center 80%;
        background-size: cover;
    }

    #lb li:nth-child(4){
        background: url("../img/index-ban1.png") no-repeat center 80%;
        background-size: cover;
    }
    .sjf-btn li{
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #F0F0F0;
    }
    .sjf-btn li:nth-child(1){
        /*background-image: url(l1.png);*/
    }
    .sjf-btn li:nth-child(2){
        /*background-image: url(l2.png);*/
    }
    .sjf-btn li:nth-child(3){
        /*background-image: url(l3.png);*/
    }
    #lb li{
        position: relative;
    }
    #lb li p{
        position: absolute;
    }

    .p1 {
        font-size: 30px;
       
        left: 15%;
        top: 25%;
        color: #1aaeb4;
    }
    .p2 {
        width: 93px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        font-size: 22px;
       
        left:37%;
        top: 35%;
        border-radius: 10px;
        background-color: #1AAEB4;
        color: #ffffff;
        display: none;
    }
    .p3 {
        font-size: 30px;
       
        left: 15%;
        top: 35%;;
        color: #1aaeb4;
    }
    .p4 {
        font-size: 30px;
       
        left: 15%;
        top: 45%;
        color: #1aaeb4;
    }
    .p5 {
        font-size: 18px;
        color: #000;
        left: 15%;
        top: 55%;
       
    }
    .p6 {
        font-size: 18px;
        color: #000;
        left: 15%;
        top: 60%;
       
    }
    .p2-1 {
        font-size: 30px;
       
        left: 15%;
        top: 25%;
        color: #1aaeb4;
    }
    .p2-p1 {
        font-size: 30px;
       
        left: 15%;
        top: 35%;
        color: #1aaeb4;
    }
    .p2-2 {
        font-size: 30px;
       
        left: 15%;
        top: 45%;
        color: #1aaeb4;
    }
    .p2-3 {
        font-size: 30px;
       
        left: 25%;
        top: 50%;
        color: #1aaeb4;
    }
    .p2-4 {
        font-size: 18px;
       
        left: 15%;
        top: 60%;
        color: #000;
    }
    .p2-5 {
        font-size: 18px;
       
        left: 15%;
        top: 65%;
        color: #000;
    }
    .p2-6 {
        font-size: 18px;
       
        left: 15%;
        top: 70%;
        color: #000;
    }

    .about {
        width: 100%;
        min-width: 768px;
    }
    .about-ul {
        width: 100%;
        display: flex;
       
    }
    .about-ul li {
        float: left;
        width: 33.33%;
        height: 22vh;
        min-height: 130px;
        flex: 1;

    }
    .about-ul li:nth-child(1) {
        background: url("../img/d1.png") no-repeat;
        background-size:cover ;
    }
    .about-ul li:nth-child(2) {
        background: url("../img/d2.png") no-repeat left center;
        background-size:cover ;

    }
    .about-ul li:nth-child(3) {
        background: url("../img/d3.png") no-repeat;
        background-size:cover ;

    }
    .about1-p1 {
        color: #000;
        font-size: 20px;
       
        padding-left: 14%;
        padding-top: 18%;
    }
    .about1-p2 {
        font-size: 16px;
        color: #000;
        padding-left: 18%;
        padding-top: 4%;
    }
    .about2-p1 {
        font-size: 20px;
        color: #000;
        padding-left: 45%;
        padding-top: 5%;
    }
    .about3-p1 {
        font-size: 20px;
        color: #000;
        padding-left: 5%;
        padding-top: 3%;
    }
}
@media screen and (max-width:784px){
    .wrap {
        width: 100%;
    }
    .lbyys{
        display: none;
    }
    .about {
        width: 100%;
        min-width: 320px;
    }
    .about-ul {
        width: 100%;
       
        min-width: 320px;
    }
    .about-ul li {
        width:100%;
        height: 22vh;
    }
    .about-ul li:nth-child(1) {
        background: url("../img/d1.png") no-repeat;
        background-size:cover ;
    }
    .about-ul li:nth-child(2) {
        background: url("../img/d2.png") no-repeat;
        background-size:cover ;

    }
    .about-ul li:nth-child(3) {
        background: url("../img/d3.png") no-repeat;
        background-size:cover ;

    }
    .about1-p1 {
        color: #000;
        font-size: 20px;
       
        padding-left: 14%;
        padding-top: 7%;
    }
    .about1-p2 {
        font-size: 20px;
        color: #000;
        padding-left: 27%;
        padding-top: 4%;
    }
    .about2-p1 {
        font-size: 20px;
        color: #000;
        padding-left: 50%;
        padding-top: 5%;
    }
    .about3-p1 {
        font-size: 20px;
        color: #000;
        padding-left: 70%;
        padding-top: 3%;
    }



    .swiper-slide{
        /*text-align: center;*/
        /*position: absolute;*/
        /*left:0;*/
        /*top:0;*/
        height: 50vh;

    }
    .swiper-wrapper{
        background-color: #D7D7D7;
    }
    .swiper-slide img {
        width: 70%;
    }
    .banner div:nth-child(1){
        position: relative;

    }
    .swiper-slide p {
        position: absolute;
    }

    .p1 {
        font-size: 20px;
       
        left: 5%;
        top: 20%;
        color: #1aaeb4;
    }
    .p2 {
        width: 50px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 18px;
        display: none;

        left: 30%;

        top: 20%;
        border-radius: 10px;
        background-color: #1AAEB4;
        color: #ffffff;
    }
    .p3 {
        font-size: 20px;
       
        left: 5%;
        top: 30%;
        color: #1aaeb4;
    }
    .p4 {
        font-size: 20px;
       
        left: 5%;
        top: 40%;
        color: #1aaeb4;
    }
    .p5 {
        font-size: 14px;
        color: #000;
        left: 5%;
        top: 55%;
       
    }
    .p6 {
        font-size: 14px;
        color: #000;
        left: 5%;
        top: 60%;
       
    }
    .p2-1 {
        font-size: 20px;

        left: 5%;
        top: 20%;
        color: #1aaeb4;
    }
    .p2-p1 {
        font-size: 20px;

        left: 5%;
        top: 30%;

        color: #1aaeb4;
    }
    .p2-2 {
        font-size: 20px;

        left: 5%;
        top: 40%;
        color: #1aaeb4;
    }
    .p2-3 {
        font-size: 20px;

        left: 15%;
        top: 50%;
        color: #1aaeb4;
    }
    .p2-4 {
        font-size: 14px;
       
        left: 5%;
        top: 60%;
        color: #000;
    }
    .p2-5 {
        font-size: 14px;
       
        left: 30px;
        top: 65%;
        color: #000;
    }
    .p2-6 {
        font-size: 14px;
       
        left: 30px;
        top: 70%;
        color: #000;
    }



    .swiper-wrapper div:nth-child(1){
        background: url("../img/banner-1s.png") no-repeat center center;
        background-size:cover ;
    }
    .swiper-wrapper div:nth-child(2){
        background: url("../img/banner-2s.png") no-repeat center center;
        background-size:cover ;
    }
    .swiper-wrapper div:nth-child(3){
        background: url("../img/banner-3s.png") no-repeat center center;
        background-size:cover ;
    }
    .swiper-wrapper div:nth-child(4){
        background: url("../img/banner-1s.png") no-repeat center center;
        background-size:cover ;
    }
    .swiper-wrapper div:nth-child(5){
        background: url("../img/banner-2s.png") no-repeat center center;
        background-size:cover ;
    }
    .swiper-wrapper div:nth-child(6){
        background: url("../img/banner-3s.png") no-repeat center center;
        background-size:cover ;
    }





    .banner{
        width:100%;
        height:50vh;
        min-height: 230px;
        min-width: 320px;
    }
    .swiper-slide{

    }
    .as{
        width: 20px;
        height: 20px;
    }


}